import React, { Component, createRef, forwardRef } from 'react'

// forwardRef: 让函数式组件可以使用 ref 属性
const Content = forwardRef(function(props, ref){

  return (<> <h2 ref={ref}>你好世界</h2> </>)
})

export default class App extends Component {
  contentRef = createRef()
  render() {
    return (
      <div>

        {/* 对于函数式组件而言使用 ref 需要用 forwardRef 的函数包裹 */}
        <Content ref={this.contentRef}></Content>

        <button onClick={()=>{

          console.log(this.contentRef);
        }}>获取 ref 值</button>
      </div>
    )
  }
}
